.warn-detail {
  width: 330rpx;
  height: 354rpx;
  flex-grow: 0;
  box-sizing: border-box;
  padding: 20rpx;
  border: #dbdbdb 1rpx solid;
  border-radius: 20rpx;
  margin-right: 20rpx;
  .warn-title {
    display: flex;
    align-items: center;
    image.warn-tit-icon {
      width: 22rpx;
      height: 22rpx;
    }
    .tit-txt {
      color: #333;
      font-size: 28rpx;
      flex: 1;
      font-weight: bold;
    }
    .dtl {
      font-size: 24rpx;
      color: #1552fd;
    }
  }
  .warn-body {
    &.type2 {
      display: flex;
      flex-wrap: wrap;
    }
  }
}
.warn-item {
  width: 50%;
}
